import { Col, Icon, List, Row, Typography } from 'antd';
import React from 'react';
import style from '../style.less';

export const AxPanelMsg:React.FC<any> = props =>{
    const {
        title,
        data=[],
    } = props;

    return(
        <>
        <Col span={15} className={style.footer_list}>
            <List
                pagination={{
                onChange: page => {
                console.log(page);
                },
                pageSize: 10,
                }}
                header={<Row>
                    <Col span={22}><div>{title}</div></Col>
                    </Row>}
                    bordered
                    dataSource={data}
                    renderItem={(item: any) => (
                    <List.Item>
                        <Typography.Text mark><Icon type="message" /></Typography.Text> {item}
                    </List.Item>
                    )}
                />
        </Col>
        </>
    )
}